<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function getLi1(){
				var m=document.getElementById("menu");
				//alert("ul的子节点数目："+m.childNodes.length);
				alert("ul的子节点数目："+m.children.length);
				//alert(m.firstChild.nextSibling.nodeType+","+m.firstChild.nextSibling.nodeName);
				//m.firstChild.nextSibling.innerHTML="HTML 系列教程";
				m.firstElementChild.innerHTML="HTML 系列教程";
				
				let p=document.getElementById("oiuc");
				p.setAttribute("src","../images/kongzi.jpg");
			}
		</script>
	</head>
	<body>
		<div id="navfirst">
		<ul id="menu">
		<li id="h"><a href="/h.asp" title="HTML 系列教程">HTML 系列教程</a></li>
		<li id="b"><a href="/b.asp" title="浏览器脚本教程">浏览器脚本</a></li>
		<li id="s"><a href="/s.asp" title="服务器脚本教程">服务器脚本</a></li>
		<li id="p"><a href="/p.asp" title="编程教程">编程教程</a></li>
		<li id="x"><a href="/x.asp" title="XML 系列教程">XML 系列教程</a></li>
		<li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
		<li id="r"><a href="/r.asp" title="参考手册">参考手册</a></li>
		</ul>
		</div>
		<p>
			<img src="../images/jixue.jpg" id="oiuc"/>
		</p>
		<p>
			<button type="button" onclick="getLi1()">获得第一个li</button>
		</p>
	</body>
</html>